<template>
  <banner :img-data="imgData1" />
  <banner :img-data="imgData2" />
  <banner :img-data="imgData3" />
  <banner :img-data="imgData4" />
</template>

<script setup>
import { ref } from "vue";

import banner from "./banner.vue";
const imgData1 = ref(["1.jpg", "2.jpg", "3.jpg"]);
const imgData2 = ref(["1.jpg", "2.jpg", "3.jpg", "1.jpg", "2.jpg", "3.jpg"]);
const imgData3 = ref(["2.jpg", "3.jpg", "1.jpg"]);
const imgData4 = ref(["2.jpg", "3.jpg"]);
</script>

<style></style>
